<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>员工权限管理系统 | 美工优化版</title>
    <link rel="stylesheet" href="static/css/all.min.css">
    <link rel="stylesheet" href="static/css/messagebox.css">
    <link rel="stylesheet" href="static/css/permissionEdit.css">
</head>
<body>
    <!-- 返回按钮 -->
    <button class="back-btn" onclick="handleBack()">
        ← 返回主界面
    </button>

    <!-- 主内容 -->
    <div class="main-container">
        <table class="staff-table">
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>账号</th>
                    <th>公司</th>
                    <th>部门</th>
                    <th>类型</th>
                    <th>权限</th>
                </tr>
            </thead>
            <tbody id="staffList"></tbody>
        </table>
    </div>

    <!-- 详情弹窗 -->
    <div class="modal-mask" id="detailModal">
        <div class="modal-content">
            <button class="modal-close" onclick="closeModal()">×</button>
            <h3>员工详情</h3>
            <div id="modalContent"></div>
        </div>
    </div>

    <script src="static/js/messagebox.js"></script>
    <script src="static/js/auth.js"></script>    
    <script src="static/js/permissionEdit.js"></script>    

</body>
</html>